<template>
    <div class="collapse">
        <div class="main" @click="isShow = !isShow">
            <slot name="main">这是默认的主面板</slot>
        </div>
        <div class="child" v-show="isShow">
            <slot name="child">这是默认的子面板</slot>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        main:{
            type:String,
            required:true
        }
    },
    data(){
        return {
            isShow:false
        }
    }
}
</script>
